import * as echarts from "echarts";

var color = ["#FC4567", "#2F8DF4", "#C25EC4"];
const planePath = // 飞机svg
  "path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z";
export const leftBottomOption = {
  color: color,
  backgroundColor: "#0C1D5F",

  tooltip: {
    trigger: "item",
  },
  legend: {
    orient: "vertical",
    right: 20,
    top: 20,
  },
  series: [
    {
      type: "pie",
      roseType: "radius",
      radius: ["30%", "60%"],
      data: [
        {
          value: 220,
          name: "社会组织",
        },
        {
          value: 120,
          name: "事业单位",
        },
        {
          value: 189,
          name: "工商企业登记注册",
        },
      ],
      label: {
        normal: {
          formatter: "{font|{b}}\n{hr|}\n{font|{d}%}",
          rich: {
            font: {
              fontSize: 20,
              padding: [5, 0],
              color: "#fff",
            },
            hr: {
              height: 0,
              borderWidth: 1,
              width: "100%",
              borderColor: "#fff",
            },
          },
        },
      },
      labelLine: {
        lineStyle: {
          color: "#fff",
        },
      },
      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: "rgba(0,0,0,0.5)",
        },
      },
    },
  ],
};
export const leftTopOption = {
  tooltip: {
    trigger: "axis",
    axisPointer: {
      type: "shadow",
    },
  },
  legend: {
    data: ["2011年", "2012年"],
  },
  grid: {
    left: "3%",
    right: "4%",
    bottom: "3%",
    containLabel: true,
  },
  xAxis: {
    type: "value",
    boundaryGap: [0, 0.01],
  },
  yAxis: {
    type: "category",
    data: [],
  },
  series: [
    {
      name: "2024年",
      type: "bar",
      data: [11, 23489, 29034, 104970, 131744],
    },
    {
      name: "2023年",
      type: "bar",
      data: [19, 23438, 31000, 121594, 134141],
    },
    {
      name: "2021年",
      type: "bar",
      data: [1, 23489, 29034, 104970, 131744],
    },
  ],
};
export const centerMapOption = {
  backgroundColor: "#0E2152", // 背景颜色
  geo: {
    // 地图配置
    map: "china",
    // roam: true,
    zoom: 1.74,
    center: [104.06, 35.65], // 初始中心点，比如 [104.06, 35.65]
    label: {
      // 图形上的文本标签
      normal: {
        // 通常状态下的样式
        show: true,
        textStyle: {
          color: "#fff",
        },
      },
      emphasis: {
        // 鼠标放上去高亮的样式
        textStyle: {
          color: "#fff",
        },
      },
    },
    itemStyle: {
      // 地图区域的样式设置
      // normal: { // 通常状态下的样式
      borderColor: "#5089EC",
      borderWidth: 1,
      areaColor: {
        //地图区域的颜色
        type: "radial", // 径向渐变
        x: 0.5, // 圆心
        y: 0.5, // 圆心
        r: 0.8, // 半径
        colorStops: [
          {
            // 0% 处的颜色
            offset: 0,
            color: "rgba(0, 102, 154, 0)",
          },
          {
            // 100% 处的颜色
            offset: 1,
            color: "rgba(0, 102, 154, .4)",
          },
        ],
        // }
      },
      // 鼠标放上去高亮的样式
      emphasis: {
        areaColor: "#2386AD",
        borderWidth: 0,
      },
    },
  },
  series: [
    {
      // 散点系列数据
      type: "effectScatter", // 带有涟漪特效动画的散点（气泡）图
      coordinateSystem: "geo", //该系列使用的坐标系:地理坐标系
      // 特效类型,目前只支持涟漪特效'ripple'，意为“涟漪”
      effectType: "ripple",
      // 配置何时显示特效。可选'render'和'emphasis' 。
      showEffectOn: "render",
      rippleEffect: {
        // 涟漪特效相关配置。
        period: 5, // 动画的周期，秒数。
        scale: 3, // 动画中波纹的最大缩放比例。
        // 波纹的绘制方式，可选 'stroke' 和 'fill'。
        brushType: "fill",
      },
      zlevel: 10, // 所有图形的 zlevel 值。
      // data: props.flyLineData.pointsArr
      data: [],
    },
    {
      // 线条系列数据
      type: "lines",
      zlevel: 2,
      symbol: ["none", "arrow"], // 标记的图形: 箭头
      symbolSize: 10, // 标记的大小
      effect: {
        // 线条特效的配置
        show: true,
        period: 2, // 特效动画的时间，单位s
        trailLength: 0, // 特效尾迹的长度。取值[0,1]值越大，尾迹越重
        symbol: planePath, // 特效图形的标记 可选'circle'等
        symbolSize: 15, // 特效标记的大小
      },
      lineStyle: {
        // 线条样式
        normal: {
          color: "#93EBF8",
          width: 2.5, // 线条宽度
          opacity: 0.6, // 尾迹线条透明度
          curveness: 0.2, // 尾迹线条曲直度
        },
      },
      // data: props.flyLineData.lineDataArr
      data: [],
    },
  ],
};
var data2 = [
  { code: "600519", stock: "aaa", fundPost: "21.987691" },
  { code: "000858", stock: "bbb", fundPost: "20.377176" },
  { code: "002475", stock: "ccc", fundPost: "19.127404" },
  { code: "600276", stock: "ddd", fundPost: "18.40882" },
  { code: "601318", stock: "eee", fundPost: "17.980597" },
  { code: "000661", stock: "fff", fundPost: "16.957898" },
  { code: "000333", stock: "ggg", fundPost: "15.099577" },
  { code: "300760", stock: "eee", fundPost: "14.76103" },
  { code: "300750", stock: "ttt", fundPost: "13.002175" },
  { code: "601888", stock: "fff", fundPost: "12.133536" },
];
function contains(arr, dst) {
  var i = arr.length;
  while ((i -= 1)) {
    if (arr[i] == dst) {
      return i;
    }
  }
  return false;
}

var attackSourcesColor = [
  new echarts.graphic.LinearGradient(0, 1, 1, 1, [
    { offset: 0, color: "#EB3B5A" },
    { offset: 1, color: "#FE9C5A" },
  ]),
  new echarts.graphic.LinearGradient(0, 1, 1, 1, [
    { offset: 0, color: "#FA8231" },
    { offset: 1, color: "#FFD14C" },
  ]),
  new echarts.graphic.LinearGradient(0, 1, 1, 1, [
    { offset: 0, color: "#F7B731" },
    { offset: 1, color: "#FFEE96" },
  ]),
  new echarts.graphic.LinearGradient(0, 1, 1, 1, [
    { offset: 0, color: "#395CFE" },
    { offset: 1, color: "#2EC7CF" },
  ]),
];
var attackSourcesColor1 = [
  "#EB3B5A",
  "#FA8231",
  "#F7B731",
  "#3860FC",
  "#1089E7",
  "#F57474",
  "#56D0E3",
  "#1089E7",
  "#F57474",
  "#1089E7",
  "#F57474",
  "#F57474",
];
var attaData = [];
var attaName = [];
var topName = [];
data2.forEach((it, index) => {
  attaData[index] = parseFloat(it.fundPost).toFixed(2);
  attaName[index] = it.stock;
  topName[index] = `${it.code} ${it.stock}`;
});
var salvProMax = []; //背景按最大值
for (let i = 0; i < attaData.length; i++) {
  salvProMax.push(attaData[0]);
}
function attackSourcesDataFmt(sData) {
  var sss = [];
  sData.forEach(function (item, i) {
    let itemStyle = {
      color: i > 3 ? attackSourcesColor[3] : attackSourcesColor[i],
    };
    sss.push({
      value: item,
      itemStyle: itemStyle,
    });
  });
  return sss;
}

export const rightBottomOption = {
  // backgroundColor: "#ffffff",
  color: ["#37A2DA", "#32C5E9", "#67E0E3", "#9FE6B8", "#FFDB5C"],
  tooltip: {
    trigger: "item",
    formatter: "{a} <br/>{b} : {c}%",
  },
  legend: {
    data: ["30k以上", "20k-25k", "15k-20k", "10k-15k", "10k以下"],
    textStyle: {
      //图例文字的样式
      fontSize: 10,
      color: "#fff",
    },
  },
  series: [
    // {
    //   name: "预期",
    //   type: "funnel",
    //   left: "10%",
    //   width: "80%",
    //   label: {
    //     normal: {
    //       formatter: "{b}预期",
    //     },
    //     emphasis: {
    //       position: "inside",
    //       formatter: "{b}预期: {c}%",
    //     },
    //   },
    //   labelLine: {
    //     normal: {
    //       show: false,
    //     },
    //   },
    //   itemStyle: {
    //     normal: {
    //       opacity: 0.7,
    //     },
    //   },
    //   data: [
    //     { value: 60, name: "访问" },
    //     { value: 40, name: "咨询" },
    //     { value: 20, name: "订单" },
    //     { value: 80, name: "点击" },
    //     { value: 100, name: "展现" },
    //   ],
    // },·
    {
      name: "实际",
      type: "funnel",
      left: "10%",
      width: "80%",
      maxSize: "80%",
      label: {
        normal: {
          position: "inside",
          formatter: "{c}%",
          textStyle: {
            color: "#777",
          },
        },
        emphasis: {
          position: "inside",
          formatter: "{b}实际: {c}%",
        },
      },
      itemStyle: {
        normal: {
          opacity: 0.4,
          borderColor: "#fff",
          borderWidth: 2,
        },
      },
      data: [
        { value: 30, name: "30k以上" },
        { value: 10, name: "20k-25k" },
        { value: 5, name: "15k-20k" },
        { value: 50, name: "10k-15k" },
        { value: 80, name: "10k以下" },
      ],
    },
  ],
};
// var result = [
//   {
//     name: "姓名1",
//     value: (Math.random() * 10).toFixed(0),
//   },
//   {
//     name: "姓名1",
//     value: (Math.random() * 10).toFixed(0),
//   },
//   {
//     name: "姓名1",
//     value: (Math.random() * 10).toFixed(0),
//   },
// ];
// [{ latlng: "39.1208,117.21447", name: "天津市", total: 4 }];
